
export default function Vote(props){
    const {title} = props
    let subNum = 10,
        oppNum = 5

    return (
        <div className="vote-box">
            <div className="header">
                <h2 className="title">{title}</h2>
                <span>{subNum + oppNum}人</span>
            </div>
            <div className="main">
                <p>支持人数：{subNum}人</p>
                <p>反对人数：{oppNum}人</p>
            </div>
            <div className="footer">
                <button onClick={()=>{
                    subNum++
                    console.log(subNum);
                }}>支持</button>
                <button onClick={()=>{
                    oppNum++
                    console.log(oppNum);
                }}>反对</button>
            </div>
        </div>
    )
}
/**
 * 在函数组件中对数据进行修改，数据修改了的，但是在页面中并不会进行渲染
 */